@charset "utf-8";
@import "http://images.china.cn/images1/resource/styles/reset-1.0.css";

html,
body {
   height: 100%;
}

body {
   font-family: "Microsoft YaHei", "SimSun";
   font-size: 12px;
   line-height: 20px;
   color: #222;
   background: url(images/bg1.gif) repeat-x 0 80px;
}

a {
   color: #222;
}

a:hover {
   color: #EB5A53;
   text-decoration: none;
}

.top {
   clear: both;
   width: 1200px;
   height: 68px;
   padding-top: 7px;
   margin: 0 auto 20px;
}

.top h1 {
   float: left;
   display: inline;
   padding-left: 30px;
}

.top .nav {
   float: left;
   display: inline;
   width: 683px;
   padding-top: 36px;
   font-size: 14px;
   color: #CFCCD5;
   line-height: 24px;
   text-align: center;
}

.top .nav a {
   margin: 0 8px;
   font-weight: bold;
}

.top dl {
   float: left;
   display: inline;
   margin: 26px 0 0 0;
   width: 205px;
   height: 28px;
   background: url(images/ss.gif) no-repeat 0 0;
}

.top dt {
   width: 30px;
   height: 28px;
   float: right;
}

.top dd {
   width: 170px;
   float: left;
   overflow: hidden;
   padding: 1px;
}

.top dt input {
   width: 30px;
   height: 28px;
   border: 0;
   cursor: pointer;
   background: none;
}

.top dd input {
   width: 160px;
   height: 25px;
   padding: 0 5px;
   line-height: 25px;
   color: #CCC;
   margin: 1px 0;
}

.top .ch {
   float: right;
   margin: 0 8px 0 0;
}

.photos {
   clear: both;
   width: 1200px;
   zoom: 1;
   overflow: hidden;
   margin: 0 auto 30px;
}

.photoBig {
   width: 840px;
   height: 350px;
   float: left;
   position: relative;
}

.photoBig .menu {
   position: absolute;
   right: 16px;
   bottom: 7px;
   display: inline;
   height: 5px;
   overflow: hidden;
   z-index: 5;
}

.photoBig .menu span {
   display: inline-block;
   float: left;
   width: 20px;
   height: 5px;
   overflow: hidden;
   background: #B9B9C8;
   margin-left: 3px;
   cursor: pointer;
}

.photoBig .menu span.pink {
   background: #EB5A53;
}

.photoBig li {
   width: 840px;
   height: 350px;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
}

.photoBig .cur {
   z-index: 3;
   display: block;
}

.photoBig .bk {
   z-index: 2;
   display: block;
}

.photoBig li img {
   width: 840px;
   height: 350px;
}

.photoBig li p {
   width: 100%;
   padding-bottom: 14px;
   position: absolute;
   left: 0;
   bottom: 0;
   text-align: center;
   font-size: 28px;
   color: #fff;
   line-height: 38px;
   text-shadow: 2px 2px 0px #000;
   background: url(images/sd2.png) repeat-x left bottom;
   background-size: auto 100%;
}

.photoBig li p a {
   color: #fff;
}

.photoBig li p a:hover {
   color: #EB5A53;
}

.photoSmall {
   width: 340px;
   float: right;
   overflow: hidden;
}

.photoSmall .big {
   width: 340px;
   height: 170px;
   position: relative;
   margin-bottom: 20px;
}

.photoSmall .big img {
   width: 340px;
   height: 170px;
}

.photoSmall .big span {
   position: absolute;
   display: inline-block;
   background-color: #FF7F00;
   height: 25px;
   padding: 0 15px;
   font-size: 14px;
   color: #fff;
   line-height: 25px;
}

.photoSmall .big span a {
   color: #fff;
}

.photoSmall .big p {
   width: 100%;
   position: absolute;
   left: 0;
   bottom: 0;
   font-size: 16px;
   color: #fff;
   text-shadow: 1px 1px 0px #000;
   background: url(images/sd2.png) repeat-x left bottom;
   background-size: auto 100%;
   box-sizing: border-box;
   padding: 0 15px 10px;
}

.photoSmall .big p a {
   color: #fff;
}

.photoSmall .big p a:hover {
   color: #EB5A53;
}

.photoSmall .small {
   width: 400px;
   zoom: 1;
   overflow: hidden;
}

.photoSmall .small li {
   width: 160px;
   height: 160px;
   float: left;
   display: inline;
   margin-right: 20px;
   position: relative;
}

.photoSmall .small img {
   width: 160px;
   height: 160px;
}

.photoSmall .small span {
   position: absolute;
   display: inline-block;
   background-color: #FF7F00;
   height: 25px;
   padding: 0 15px;
   font-size: 14px;
   color: #fff;
   line-height: 25px;
}

.photoSmall .small span a {
   color: #fff;
}

.photoSmall .small p {
   width: 100%;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   bottom: 0;
   padding: 0 15px 10px;
   font-size: 16px;
   color: #fff;
   text-shadow: 1px 1px 0px #000;
   background: url(images/sd2.png) repeat-x left bottom;
   background-size: auto 100%;
}

.photoSmall .small p a {
   color: #fff;
}

.photoSmall .small p a:hover {
   color: #EB5A53;
}

.news {
   clear: both;
   width: 1200px;
   zoom: 1;
   overflow: hidden;
   margin: 0 auto 20px;
}

.newL {
   width: 840px;
   overflow: hidden;
   float: left;
}

.newL .head {
   clear: both;
   padding: 15px 0 20px;
   border-bottom: 1px solid #DFDFDF;
   zoom: 1;
   overflow: hidden;
   position: relative;
}

.newL .head.nobb {
   border-bottom: none;
}

.newL .head .pic {
   width: 245px;
   height: 136px;
   float: left;
   overflow: hidden;
   position: relative;
}

.newL .head .pic .time,
.newL .normal .pic .time {
   display: inline-block;
   position: absolute;
   right: 5px;
   bottom: 0;
   font-size: 14px;
   color: #fff;
   text-shadow: 1px 1px 0px #000;
   display: none;
}

.newL .head img {
   width: 245px;
   height: 136px;
   transition: all 0.5s;
}

.newL .head:hover img {
   transform: scale(1.2, 1.2);
}

.newL .head .char {
   width: 550px;
   padding-right: 20px;
   float: right;
}

.newL .head h3 {
   zoom: 1;
   overflow: hidden;
   font-weight: normal;
   font-size: 20px;
   line-height: 1.3em;
   margin-bottom: 20px;
}

.newL .head h3 span {
   float: left;
   display: inline-block;
   margin-right: 8px;
   background-color: #373737;
   font-size: 13px;
   color: #fff;
   letter-spacing: 6px;
   padding: 0 0 0 6px;
   line-height: 20px;
   margin-top: 3px;
}

.newL .head h3 span.hot {
   background: #EB5A53;
}

.newL .head h3 span a {
   color: #fff;
}

.newL .head .txt,
.newL .head .txt a {
   color: #666;
}

.newL .head .txt a:hover {
   color: #EB5A53;
}

.newL .head .data {
   position: absolute;
   bottom: 23px;
   right: 20px;
   color: #666;
   width: 550px;
}

.newL .normal {
   clear: both;
   padding-top: 20px;
   width: 900px;
   zoom: 1;
   overflow: hidden;
}

.newL .normal li {
   width: 245px;
   float: left;
   display: inline;
   margin-right: 43px;
}

.newL .normal .pic {
   width: 245px;
   height: 136px;
   overflow: hidden;
   margin-bottom: 20px;
   position: relative;
}

.newL .normal .pic img {
   width: 245px;
   height: 136px;
   transition: all 0.5s;
}

.newL .normal li:hover .pic img {
   transform: scale(1.2, 1.2);
}

.newL .normal h3 {
   font-weight: normal;
   font-size: 18px;
   line-height: 30px;
   padding-bottom: 7px;
}

.newL .normal h3 span {
   float: left;
   display: inline-block;
   margin: 5px 15px 0 0;
   font-size: 13px;
   color: #FFF;
   height: 20px;
   line-height: 20px;
   letter-spacing: 6px;
   padding: 0 0 0 6px;
   background-color: #333;
}

.newL .normal h3 span.hot {
   background: #EB5A53;
}

.newL .normal h3 span a {
   color: #FFF;
}

.newL .normal .txt {
   clear: both;
   color: #222;
}

.newL .normal .data {
   clear: both;
   color: #666;
}

.newR {
   width: 340px;
   float: right;
}

.newR h2 {
   clear: both;
   height: 42px;
   text-align: center;
   border-top: 3px solid #261D15;
   border-bottom: 1px solid #C8C8C8;
   color: #261D13;
   line-height: 42px;
}

.newR h2 span {
   display: inline-block;
   padding: 0 19px;
   background: url(images/bg2.gif) no-repeat left center;
}

.newR h2 span a {
   float: none;
   font-weight: bold;
   font-size: 16px;
   color: #222;
}

.newR h2 a {
   float: right;
   color: #999;
   line-height: 42px;
   font-weight: normal;
   font-size: 12px;
}

.list {
   clear: both;
   padding: 5px 0 15px;
}

.list li {
   padding: 5px 0 5px 20px;
   background: url(images/dian.gif) no-repeat 7px 15px;
   font-size: 14px;
}

.artist {
   clear: both;
   width: 302px;
   margin: 15px auto 7px;
   zoom: 1;
   overflow: hidden;
}

.artist dt {
   width: 68px;
   height: 68px;
   float: left;
}

.artist dt img {
   width: 68px;
   height: 68px;
   border-radius: 50%;
}

.artist dd {
   width: 210px;
   float: right;
}

.artist dd strong {
   display: block;
}

.artifr {
   clear: both;
   text-align: center;
   padding-bottom: 7px;
}

.artifr iframe {
   margin-bottom: 10px;
}

.hotread {
   clear: both;
   padding: 15px 0;
}

.hotread li {
   padding: 7px 0;
   color: #222;
   font-size: 14px;
   zoom: 1;
   overflow: hidden;
}

.hotread li span {
   float: left;
   display: inline-block;
   width: 20px;
   height: 20px;
   margin-right: 10px;
   text-align: center;
   font-size: 10px;
   color: #fff;
   background-color: #747474;
}

.hotread li span.red {
   background-color: #BD0704;
}

.video {
   clear: both;
   width: 1200px;
   height: 473px;
   margin: 0 auto 40px;
   background-color: #2E3338;
}

.play {
   width: 840px;
   height: 473px;
   float: left;
   position: relative;
}

.playbk {
   width: 840px;
   height: 473px;
   position: relative;
}

.playbk img {
   width: 840px;
   height: 473px;
}

.playbk span {
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 1;
   width: 70px;
   height: 70px;
   margin: -35px 0 0 -35px;
   background: url(images/bigplay.png) no-repeat 0 0;
   cursor: pointer;
}

.playbk p {
   width: 100%;
   height: 70px;
   position: absolute;
   left: 0;
   bottom: 0;
   text-align: center;
   font-size: 22px;
   color: #fff;
   line-height: 70px;
   text-shadow: 1px 1px 0px #000;
   background: url(images/sd2.png) repeat-x left bottom;
   background-size: auto 100%;
}

.playing {
   width: 840px;
   height: 473px;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   display: none;
}

.playsrc {
   display: none;
}

.playlist {
   width: 320px;
   height: 423px;
   padding: 0 15px 0 0;
   margin: 25px 6px 25px 0;
   float: right;
   overflow-x: hidden;
   overflow-y: scroll;
}

.playlist::-webkit-scrollbar {
   /*滚动条整体样式*/
   width: 10px;
   /*高宽分别对应横竖滚动条的尺寸*/
   height: 1px;
}

.playlist::-webkit-scrollbar-thumb {
   /*滚动条里面小方块*/
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   background: #EDEDED;
}

.playlist::-webkit-scrollbar-track {
   /*滚动条里面轨道*/
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   background: #2E3338;
}

.playlist li {
   clear: both;
   width: 318px;
   zoom: 1;
   overflow: hidden;
   background: url(images/s9.gif) repeat-x left bottom;
   padding: 10px 0;
}

.playlist li img {
   width: 153px;
   height: 86px;
   transition: all 0.5s;
}

.playlist li:hover img {
   transform: scale(1.2, 1.2);
}

.playlist li .pic {
   width: 153px;
   height: 86px;
   float: left;
   overflow: hidden;
   position: relative;
}

.playlist li.cur .pic {
   border: 3px solid #EB5A53;
}

.playlist li p {
   width: 153px;
   float: right;
   font-size: 14px;
   color: #FFF;
   line-height: 28px;
   opacity: 0.6;
}

.playlist li p a {
   color: #FFF;
   line-height: 28px;
}

.playlist li.cur p.link {
   display: block;
   opacity: 1;
}

.playlist li.cur p.link a:hover {
   color: #EB5A53;
}

.playlist li.cur p.wenz {
   display: none;
}

.playlist li p.link {
   display: none;
}

.playlist li p.wenz {
   display: block;
}

.playlist li p.wenz:hover {
   color: #EB5A53;
   opacity: 0.8;
}

.playlist li .vdsrc {
   display: none;
}

.playlist li .plbtn {
   width: 29px;
   height: 29px;
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 2;
   background: url(images/noplay.png);
}

.playlist li .lm {
   display: inline-block;
   font-size: 13px;
   line-height: 20px;
   color: #EB5A53;
   text-align: center;
   margin-right: 5px;
}

.playlist li .lm a {
   color: #EB5A53;
}

.playlist li .xx,
.playlist li .xx a {
   color: #fff;
}

.playlist li .xx a:hover {
   color: #EB5A53;
}

.funny {
   clear: both;
   width: 1200px;
   overflow: hidden;
   margin: 0 auto 30px;
   position: relative;
}

.funny ul {
   clear: both;
   width: 1300px;
   zoom: 1;
   overflow: hidden;
}

.funny li {
   width: 280px;
   float: left;
   display: inline;
   text-align: center;
   position: relative;
   margin-right: 26px;
}

.funny li img {
   width: 280px;
   height: 157px;
   margin-bottom: 6px;
}

.funny span {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
   display: inline-block;
   background-color: #EB5A53;
   height: 25px;
   padding: 0 9px 0 15px;
   font-size: 14px;
   color: #fff;
   line-height: 25px;
}

.funny span a {
   color: #fff;
}

.footer {
   clear: both;
   width: 1200px;
   margin: 0 auto;
   border-top: 3px solid #000;
   padding: 20px 0 10px;
}

.footer dl {
   zoom: 1;
   overflow: hidden;
   padding-left: 315px;
}

.footer dt {
   width: 120px;
   float: left;
   padding-top: 5px;
}

.footer dd {
   width: 600px;
   float: left;
   color: #777;
   line-height: 26px;
}

.footer dd a {
   color: #777;
}

.ewm {
   position: fixed;
   left: 50%;
   top: 320px;
   margin-left: 625px;
   z-index: 10;
}

.show {
   clear: both;
   padding: 20px 0;
   width: 100%;
   overflow: hidden;
}

.show div {
   zoom: 1;
   overflow: hidden;
}

.show ul {
   zoom: 1;
   overflow: hidden;
   float: left;
   width: 340px;
}

.show li {
   width: 100px;
   float: left;
   display: inline;
   margin-left: 11px;
   text-align: center;
   font-size: 10px;
   color: #b1b1b1;
   line-height: 18px;
}

.show li a {
   color: #b1b1b1;
}

.show li a:hover {
   color: #EB5A53;
}

.show li img {
   width: 100px;
   height: 100px;
   margin-bottom: 5px;
}

.show li span {
   font-size: 12px;
   color: #222;
}

.show li span a {
   color: #222;
}

.show li span a:hover {
   color: #EB5A53;
}

.show li span {
   display: block;
}